﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Departmentform.aspx.cs" Inherits="forms_Administration_Catalog_Departmentform" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>City Form</title>

    <script src="<%= ResolveUrl("~/scripts/jquery.validate.min.js") %>" type="text/javascript"></script>
    <script src="<%= ResolveUrl("~/scripts/jquery.validate.wrapper.js") %>" type="text/javascript"></script>
    <script src="<%= ResolveUrl("~/scripts/jquery.inputmask.bundle.min.js") %>" type="text/javascript"></script>

    <script type="text/javascript">

        $("#btnSave").button({ icons: { primary: "ui-icon-disk"} });
        $("#btnClose").button({ icons: { primary: "ui-icon-close"} });

        $('#btnClose').click(function () {
            parent.$('#dialog').dialog("close");
        });
 
    </script>

    <script type="text/javascript">

        $(document).ready(function () {

            // 1. prepare the validation rules and messages.
            var rules = {
                ddlRowStatus: "required",
                txtDescription: {
                    required: true,
                    maxlength: 10
                }
            };
            var messages = {
                ddlRowStatus: "Status wajib di isi",
                txtDescription: {
                    required: "Deskripsi  wajib di isi"
                }
            };

            $("#txtDescription").inputmask("Regex", { regex: "[A-Za-z-.0-9 ]*" });

            // 2. Initiate the validator
            var validator = new jQueryValidatorWrapper("form1", rules, messages);

            // 3. Set the click event to do the validation
            $("#btnSave").click(function () {

                if (!validator.validate())
                    return;

               
                var deskripsi = $('#txtDescription').val();
                var status = $("#ddlRowStatus option:selected").val();
                var id = $('#<%= hfID.ClientID %>').val();

                var objrecDepartment = new Object();
                objrecDepartment.ID = id;
                objrecDepartment.RowStatus = encodeURIComponent(status);
                objrecDepartment.Description = encodeURIComponent(deskripsi);


                jsonData = JSON.stringify(objrecDepartment);

                var handlerUrl = '<%= ResolveUrl("~/ajaxhandler/administration/catalog/Departmenthandler.ashx") %>';

                if (id == 0)
                    CallAjax(handlerUrl, "?method=insert", jsonData);
                else {
                    CallAjax(handlerUrl, "?method=update", jsonData);
                }

                parent.$('#dialog').dialog('close');

                setTimeout("parent.$('#table').trigger('reloadGrid');", 3000);

                return false;
            });


        });
    
    </script>
    <script type="text/javascript">

        function ClearText() {
            $('#txtDescription').val('');
           
        }
        
         
    </script>
</head>
<body onload="ClearText();">
    <form id="form1" runat="server">
    <table border="0">
        <tr>
            <td style="width: 50">
                Status
            </td>
            <td>
                :
            </td>
            <td>
               <asp:DropDownList ID="ddlRowStatus" runat="server" Width="300">
               <asp:ListItem Text="Aktif" Value="1"></asp:ListItem>
               <asp:ListItem Text="Tidak Aktif" Value="0"></asp:ListItem>
               </asp:DropDownList>&nbsp;<span style="color:Red;">*</span>
            </td>
        </tr>
        <tr>
            <td>
               Deskripsi
            </td>
            <td>
                :
            </td>
            <td>
                <asp:TextBox ID="txtDescription" MaxLength="10" runat="server" Width="200"></asp:TextBox>&nbsp;<span style="color:Red;">*</span>
            </td>
        </tr>
        
        <tr>
            <td colspan="2">
                &nbsp;
            </td>
            <td>               
                 <div style="text-align: right; padding-top: 10px;">
                        <button id="btnSave" type="button">Save</button>
                        <button id="btnClose" type="button">Close</button>
                </div>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                &nbsp;
            </td>
            <td>
                <asp:HiddenField ID="hfID" runat="server" />
            </td>
        </tr>
    </table>
    </form>
</body>
</html>
